<html>
	<head>
		<style>
			#d1{
				
			}
			.s1{
				font-size:60px;
				font-style:italic;
			}
			.s2{
				
				color: red;
			}
		</style>
		<script type="text/javascript" 
		src="../js/jquery-1.4.3.js"></script>
		<script type="text/javascript">
			$(function(){
				$('#a1').click(f3);
			});
			function f1(){
				$('#d1').addClass('s1 s2');
				//$('#d1').removeClass('s2');
				//$('#d1').removeClass();
			}
			function f2(){
				//$('#d1').css('font-size','80px');
				//$('#d1').css('font-size','80px')
				//.css('color','red');
				$('#d1').css({'font-size':'80px','color':'blue'});
			}
			
			function f3(){
				$('#d1').toggleClass('s2');
			}
			
			function f4(){
				alert($('#d1').hasClass('s1'));
			}
		</script>
	</head>
	<body style="font-size:30px;">
		<div id="d1" >Hello jQuery</div>
		<a href="javascript:;" id="a1" >ClickMe</a>
	</body>
</html>